<template>
	<!-- title部分 -->
	<view class="title">
		<view class="title_leftbox" @click="goToWode">
			<image class="title_leftbox_image_fanhui" src="../../static/返回.png"></image>
		</view>
		<view class="title_middlebox">
			<view class="title_middlebox_text">提款</view>

		</view>
		<view class="title_rightbox">
			<!-- <image class="title_rightbox_img" src="../../static/zhuanfa.png" @click="showzhezhao"></image> -->
		</view>
	</view>
	<!-- 提款部分 -->
	<view class="tikuanbox">
		<view class="tikuanbox_nrbox">
			<view class="tikuanbox_nrbox_textbox">
				<view class="tikuanbox_nrbox_textbox_text1">开户名</view>
				<view class="tikuanbox_nrbox_textbox_text2">董海波</view>
			</view>
			<view class="tikuanbox_nrbox_textbox">
				<view class="tikuanbox_nrbox_textbox_text1">提现渠道</view>
				<view class="tikuanbox_nrbox_textbox_imgtextbox">
					<view class="tikuanbox_nrbox_textbox_imgtextbox_image">
						<image class="tikuanbox_nrbox_textbox_imgtextbox_img" src="../../static/lansexuanzhong.png">
						</image>
						<view class="tikuanbox_nrbox_textbox_imgtextbox_text">支付宝</view>
					</view>
					<view class="tikuanbox_nrbox_textbox_imgtextbox_image">
						<image class="tikuanbox_nrbox_textbox_imgtextbox_img" src="../../static/lanseweixuanzhong.png">
						</image>
						<view class="tikuanbox_nrbox_textbox_imgtextbox_text">银行卡</view>
					</view>
				</view>
			</view>
			<view class="tikuanbox_nrbox_textbox">
				<view class="tikuanbox_nrbox_textbox_text1">支付宝</view>
				<input type="text" class="tikuanbox_nrbox_textbox_text3" placeholder="支付宝账号">
			</view>
			<view class="tikuanbox_nrbox_textbox">
				<view class="tikuanbox_nrbox_textbox_text1">提现金额</view>
				<input type="text" class="tikuanbox_nrbox_textbox_text3" placeholder="最多可提款0元">
			</view>

			<view class="tikuanbox_nrbox_textbox">
				<view class="tikuanbox_nrbox_textbox_text1">支付密码</view>
				<input type="text" class="tikuanbox_nrbox_textbox_text3" placeholder="请输入支付密码">
				<view class="tikuanbox_nrbox_textbox_imgbox">
					<image class="tikuanbox_nrbox_textbox_imgbox_img" src="../../static/xianshimima.png"></image>
				</view>
			</view>
		</view>
	</view>

	<!-- 提示文字页面 -->
	<view class="tishiwenzibox">

		<view class="tishiwenzibox_tishi">
			<view class="tishiwenzibox_tishi_text1">您绑定的手机号码为:1308393****</view>
			<view class="tishiwenzibox_tishi_text2">忘记支付密码？</view>
		</view>

		<view class="tishiwenzibox_buttonbox">
			<button class="tishiwenzibox_buttonbox_buton">申请提款</button>
		</view>

		<view class="tishiwenzibox_wenxintishi">
			<view class="tishiwenzibox_wenxintishi_text1">温馨提示:</view>
			<view class="tishiwenzibox_wenxintishi_text1">1、中奖金额在1小时后方可提现；</view>
			<view class="tishiwenzibox_wenxintishi_text2">2、为防止恶意提款、洗钱等不法行为，充值金额必须用于实际消费，不可提现；</view>
			<view class="tishiwenzibox_wenxintishi_text1">3、为保障您的提款能快速及时到账，每日提款次数<text
					class="tishiwenzibox_wenxintishi_text2">1</text>次；</view>
			<view class="tishiwenzibox_wenxintishi_text1">4、为保障您的资金安全，我们将审核您的提款申请后，再汇款到您的银行卡；</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goToWode() {
				// 在tabbar中使用uniapp的switchTab方法跳转
				uni.switchTab({
					url: '/pages/wode/wode', // 我的路径
				});
			},
		}
	}
</script>

<style>
	/* 以下是title部分样式 */
	.title {
		background-color: #E23234;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2%;
	}

	.title_leftbox {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.title_leftbox_image_fanhui {
		width: 24px;
		height: 24px;
	}

	.title_middlebox {
		flex-grow: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.title_middlebox_text {
		font-size: 18px;
		color: white;
	}

	.title_rightbox {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* 转账部分 */
	.tikuanbox {
		padding: 2%;
	}

	.tikuanbox_nrbox {}

	.tikuanbox_nrbox_textbox {
		display: flex;
	}

	.tikuanbox_nrbox_textbox_text1 {
		width: 22%;
		font-size: 16px;
		text-align: left;
		padding: 5% 0;
		color: #303133;
	}

	.tikuanbox_nrbox_textbox_text2 {
		font-size: 16px;
		padding: 5% 0;
		color: #303133;
	}

	.tikuanbox_nrbox_textbox_imgtextbox {
		display: flex;
	}

	.tikuanbox_nrbox_textbox_imgtextbox_image {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 10px;
	}

	.tikuanbox_nrbox_textbox_text3 {
		padding: 5% 0;
		color: #303133;
		font-size: 16px;
		margin-right: 90px;
	}

	.tikuanbox_nrbox_textbox_imgtextbox_img {
		height: 20px;
		width: 20px;
	}

	.tikuanbox_nrbox_textbox_imgbox {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tikuanbox_nrbox_textbox_imgbox_img {
		width: 20px;
		height: 20px;
	}

	/* 提示文字部分 */
	.tishiwenzibox {
		background-color: #e8e8e8;
		padding: 2%;
		height: 60vh;
	}

	.tishiwenzibox_tishi {
		display: flex;
		margin-bottom: 10%;
	}

	.tishiwenzibox_tishi_text1 {
		font-size: 14px;
		color: #999;
		flex: 1;
		text-align: center;
	}

	.tishiwenzibox_tishi_text2 {
		font-size: 14px;
		color: #E23234;
	}

	.tishiwenzibox_buttonbox {
		margin-bottom: 4%;
	}

	.tishiwenzibox_buttonbox_buton {
		background-color: #E23234;
		color: white;
		width: 95%;
		font-size: 18px;
		font-weight: 700;
	}

	.tishiwenzibox_wenxintishi {
		padding: 5%;
	}

	.tishiwenzibox_wenxintishi_text1 {
		font-size: 15px;
		color: #666;
		padding: 2% 0;
	}

	.tishiwenzibox_wenxintishi_text2 {
		font-size: 15px;
		color: #E23234;
	}
</style>
